<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>文本处理标签</title>
</head>
<body>
    <!--2.空格折叠现象:将连续多个空格与换行都折叠成一个空格进行显示-->
    第2个网页     内容
    <br> <!-- 3. 换行标签 -->
    <!-- 1.文本基础效果标签 -->
    <b>加粗文字bold</b>
    <i>斜体文字italic</i>
    <u>下划线文字underline</u>
    <s>删除线文字</s>
    <mark>高亮标记文字</mark>
    <br>
    <!-- 4. 转义符号
    &lt; less than 表示小于号
    &gt; greater than 表示大于号
    &nbsp; 表示空格 -->
    我最喜欢吃&lt;tom&gt;做的&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;红烧肉

    <!--5.标题标签 加粗 修改字号 有垂直方向的行间距 内容独占一行-->
    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>
    <h7>七级标题</h7>

    <!--6.段落标签 有垂直方向的行间距 内容独占一行-->
    <p>段落标签</p>
    <p>段落标签</p>
    <p>段落标签</p>
    <!-- 8. 分割线标签 水平 灰色   -->
    <hr>
    <!-- 7. 假文 输入lorem后按Tab补全 -->
    Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem dolorem enim maiores modi officiis omnis, provident repellendus soluta tenetur vitae. Aspernatur commodi doloribus, ducimus ipsum quos reprehenderit similique. Beatae, facilis.

    <!-- 8.有序列表 ol(ordered list)  li(list item列表项) -->
    <!-- type属性修改列表项前标识符:
    1阿拉伯数字(默认值) A大写字母 a小写字母 I大写罗马数字 i小写罗马数字 -->
    <ol type="i">
        <li>起锅开火</li>
        <li>把水烧开</li>
        <li>放面进去</li>
    </ol>
    <!-- 9.无序列表  ul(unordered list)  li(list item列表项) -->
    <!-- type="none"去除列表项前标识符 -->
    <ul type="none">
        <li>《Think in Java》</li>
        <li>《Java从入门到精通》</li>
        <li>《颈椎康复指南》</li>
    </ul>
    <hr>
    <ul type="none">
        <li>
            热菜
            <ol>
                <li>西红柿牛腩</li>
                <li>水煮肉片</li>
                <li>宫保鸡丁</li>
                <li>溜肉段</li>
            </ol>
        </li>
        <li>
            凉菜
            <ol>
                <li>拍黄瓜</li>
                <li>凉拌三丝</li>
                <li>皮蛋豆腐</li>
            </ol>
        </li>
        <li>
            主食
            <ol>
                <li>米饭</li>
                <li>馒头</li>
            </ol>
        </li>
    </ul>
    <hr>
    <h1>个人简历</h1>
    <h3>基本信息</h3>
    <p>姓名:<b>传奇哥</b></p>
    <p>性别:男</p>
    <p>爱好:<s>摄影</s></p>
    <h3>个人经历</h3>
    <ul>
        <li>小学9年</li>
        <li>中学9年</li>
        <li>高中12年</li>
    </ul>
    <h3>获得荣誉</h3>
    <ol>
        <li>机甲收集达人</li>
        <li>玩偶收集达人</li>
    </ol>
</body>
</html>